<div class="myreal-estate" appDebounceClick (debounceClick)="close($event)">
  <div class="myreal-estate-center">
    <div class="myreal-estate-tag" *ngFor="let item of listData">
      <div [ngSwitch]="item.data.headDiv.type">
        <!--转店快-->
        <div class="estate 1" *ngSwitchCase="'quickWay'">
          <div *ngIf="item.data.data.length>0">
            <div class="quickWay-center">
              <div class="quick-item" *ngFor="let it of item.data.data;let dateIndex = index;"
                appDebounceClick (debounceClick)="go($event,it,'quickWay',dateIndex)" [ngClass]="{'line': it.line!==undefined}">
                <div class="imgclass" *ngIf="it"><img class="quick-item-img" [src]="it.img" onerror="this.src='assets/img/defaulttwotwo.png'"
                    *ngIf="it.hiddenImg===undefined" /></div>
                <div class="right-box">
                  <div class="lable" *ngIf="it.title">
                    <p [ngStyle]="it.titleCssStyle|styleFilter" class="title">{{it.title}}</p>
                    <div class="area-industry">
                      <span class="area" *ngIf="it.secondRowLeft?.firstText?.text"
                        [ngStyle]="it.secondRowLeft?.firstText?.cssStyle|styleFilter">{{it.secondRowLeft?.firstText?.text}}</span>
                      <div class="divide" *ngIf="it.secondRowLeft.firstText.text&&it.secondRowLeft.secondText.text">
                      </div><span class="industry" *ngIf="it.secondRowLeft?.secondText?.text"
                        [ngStyle]="it.secondRowLeft?.secondText?.cssStyle|styleFilter">{{it.secondRowLeft?.secondText?.text}}</span>
                    </div>
                    <div class="area-industry " style="justify-content: flex-end;">
                      <img *ngIf="selectId===dateIndex" [src]="it.checkImg" class="check-img"
                        onerror="this.src='assets/fw/icon_check@3x.png'" />
                    </div>
                  </div>
                  <span class="new-status" *ngIf="it.status"
                    [ngStyle]="it.statusCssStyle|styleFilter">{{it.status}}</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--放心转-->
        <div class="estate 2" *ngSwitchCase="'resetAssured'">
          <div *ngIf="item.data.data.length>0">
            <div class="quickWay-center">
              <div class="quick-item" *ngFor="let it of item.data.data;let dateIndex = index;"
                appDebounceClick (debounceClick)="go($event,it,'resetAssured',dateIndex)" [ngClass]="{'line': it.line!==undefined}">
                <div class="right-box2">
                  <div class="lable" *ngIf="it.title">
                    <p [ngStyle]="it.titleCssStyle|styleFilter" class="title">{{it.title}}</p>
                    <div class="area-industry">
                      <span class="area" *ngIf="it.secondRowLeft?.firstText?.text"
                        [ngStyle]="it.secondRowLeft?.firstText?.cssStyle|styleFilter">{{it.secondRowLeft?.firstText?.text}}</span>
                      <div class="divide" *ngIf="it.secondRowLeft.firstText.text&&it.secondRowLeft.secondText.text">
                      </div><span class="industry" *ngIf="it.secondRowLeft?.secondText?.text"
                        [ngStyle]="it.secondRowLeft?.secondText?.cssStyle|styleFilter">{{it.secondRowLeft?.secondText?.text}}</span>
                    </div>
                    <div class="area-industry " style="justify-content: flex-end;">
                      <img *ngIf="selectId===dateIndex" [src]="it.checkImg" class="check-img"
                        onerror="this.src='assets/fw/icon_check@3x.png'" />
                    </div>
                  </div>
                  <span class="new-status" *ngIf="it.status"
                    [ngStyle]="it.statusCssStyle|styleFilter">{{it.status}}</span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="estate 3" *ngSwitchCase="'estate'">
          <div *ngIf="item.data.data.length>0">
            <div class="estate-title">{{item.data.headDiv.label}}</div>
            <div class="title-border"></div>
            <div class="estate-center">
              <div class="estate-item" *ngFor="let it of item.data.data" appDebounceClick (debounceClick)="go($event,it)">
                <div class="imgclass" *ngIf="it"><img class="estate-item-img" [src]="it.img"
                    onerror="this.src='assets/img/defaulttwotwo.png'" /></div>
                <div class="lable" *ngIf="it.title">{{it.title}}</div>
              </div>
            </div>
          </div>
        </div>
        <div class="estate 4" *ngSwitchCase="'site'">
          <div *ngIf="item.data.data.length>0">
            <div class="estate-title">{{item.data.headDiv.label}}</div>
            <div class="title-border"></div>
            <div class="estate-center">
              <div class="estate-item" *ngFor="let it of item.data.data" style="border-bottom: 1px solid #EBEBED;"
                appDebounceClick (debounceClick)="go($event,it)">
                <div class="lable" *ngIf="it.title">{{it.title}}</div>
              </div>
            </div>
          </div>
        </div>
        <div class="estate 5" *ngSwitchCase="'brand'">
          <div *ngIf="item.data.data.length>0">
            <div class="estate-title">{{item.data.headDiv.label}}</div>
            <div class="title-border"></div>
            <div class="estate-center">
              <div class="estate-item" *ngFor="let it of item.data.data" appDebounceClick (debounceClick)="go($event,it)">
                <div class="imgclass" *ngIf="it"><img class="estate-item-img" [src]="it.img"
                    onerror="this.src='assets/img/defaulttwotwo.png'" />
                </div>
                <div class="lable" *ngIf="it.title">{{it.title}}</div>
              </div>
            </div>
          </div>
        </div>
        <div class="estate 6" *ngSwitchCase="'fitment'">
          <div *ngIf="item.data.data.length>0">
            <div class="estate-title">{{item.data.headDiv.label}}</div>
            <div class="title-border"></div>
            <div class="estate-center">
              <div class="estate-item" *ngFor="let it of item.data.data">
                <div class="imgclass" *ngIf="it"><img class="estate-item-img" [src]="it.img" onerror="this.src='assets/img/defaulttwotwo.png'"
                    style="width: 48px;height: 48px" /></div>
                <div class="lable" *ngIf="it.title">{{it.title}}</div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>